<template>
  <div id="app">
      <router-view></router-view>

      <component v-for="(dialogInfo, index) in dialogList" :key="index"
                 :is="ConfirmDialog" :dialogInfo="dialogInfo" :index="index">
      </component>
  </div>
</template>

<script>
import ConfirmDialog from "./components/ConfirmDialog/ConfirmDialog";
import dialogStore from "./components/ConfirmDialog/dialogStore";

export default {
    name: 'app',
    computed: {
        dialogList() {
            return dialogStore.state.dialogList;
        }
    },

    data() {
        return {
            ConfirmDialog
        }
    }
}
</script>